<generic>
<template target="profileContainer">
<HBox backgroundColor="#FFFFCC" id="profileContainer" width="100%" height="100%"> 
			<VBox width="100%" height="100%">
				<HBox paddingTop="10" paddingLeft="10" backgroundColor="#cccc66" width="100%" height="170">
					
					<Box width="109" height="145"
					dropShadowColor="black"
					dropShadowEnabled="true"
					borderColor="black"
					borderStyle="solid"
					borderThickness="1"
					shadowDirection="right"
					shadowDistance="5">
						<Image source="frontend/images/face2.jpg" verticalAlign="middle" scaleX="1.5" scaleY="1.5"/>
					</Box>
					
					<Grid paddingLeft="30">
						 <GridRow>
							 <GridItem>
							 <Label text="Name:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="Cveti Stoilova" />
							 </GridItem>
						 </GridRow>
						 
						 <GridRow>
							 <GridItem>
							 <Label text="Year:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="2" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Specialty:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="Computer science"/>
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Country:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="Albania" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Current Thought:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="'bla balblblablablablab'" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Status:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="Online" color="green" />
							 </GridItem>
						 </GridRow>
					</Grid>

 
					<!-- profile options -->
					<HBox width="100%" height="100%" verticalAlign="bottom" horizontalAlign="right" paddingRight="20">
						<TabBar dataProvider="viewstack1" selectedIndex="3"/>
					</HBox>
					
				</HBox>
				
				
				<!-- mixed container-->
				<VBox width="100%" height="100%" id="mixedContainer">
					 <ViewStack id="viewstack1" width="100%" height="100%">
					 <Canvas label="Photos"  width="100%" height="100%">
						<?php include_once('showPhotos.php');?>
					 </Canvas>
					 <Canvas label="Friends"  width="100%" height="100%">
						<?php include_once('showFriends.php');?>
					 </Canvas>
					 <Canvas label="Chat" width="100%" height="100%">
						<?php include_once('showChat.php');?>
					 </Canvas>
					 <Canvas label="Wall" width="100%" height="100%">
						<?php include_once('showWall.php');?>
					 </Canvas>
					 </ViewStack>
				</VBox>
			</VBox>
		</HBox>
 </template>
</generic>